<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML  结构层：列表主要是相同数据的集合
		                   有序列表，无序列表，定义列表
		                   有序列表与无序列表自带样式
						   
			列表项标志属性  list-style-type
						有序列表属性值： none decimal(默认 数值)
						    lower-roman(小罗马数字) upper-roman
						无序列表属性值：none  disc(默认 实心圆)
						               circle(空心圆) square(实心方块)
				实际页面开发中：无序列表来定义相同数据集合，有利于SEO优化
				实际常用属性：list-style-type： none; 与通配选择器一起使用
									   去掉页面上所有列表的样式
		 -->
		 <style>
			 ol li{
				 list-style-type: lower-roman;
				 
			 }
			 ul li{
				 list-style-type: circle;
			 }
			 
		 </style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>每当</li>
			<li>红色高跟鞋</li>
			<li>那些</li>
		</ol>
		
		<h1>无序列表</h1>
		<ul>
			<li>魔方大厦</li>
			<li>邋遢大王</li>
			<li>小糊涂神</li>
		</ul>
	</body>
</html>